shiny 入门第四课: ui 详解

You should save yourself first !

1引言

本期推文是 shiny 入门最后一部分了 ,感谢一直关注和学习的粉丝们。本节内容介绍 如何自定义和美化我们的 ui 部分 ,展示出属于自己特色的显示端。

2HTML UI

ui 部分可以使用 HTML 语言来写,熟悉 HTML 语言的则可以更加了解一些。

添加标题:

添加段落:

添加链接:

改变字体:

html 格式:

3tags 函数

为了方便简洁在 R 里添加元素,可以使用等效的 tags 函数:

tags 函数包含以下:

添加 链接 的语法:

主要两部分, 链接地址 和 显示标签 。

不同大小的标题:

文本 可以不需要 tags 函数,直接输入即可:

段落:

斜体:

加粗:

代码:

tags 函数里还可以 嵌套使用 :

空白行:

水平线:

添加图片:

如果是本地图片则应放到 www 文件夹下:

代码:

总结:

4ui 布局

ui 布局之前其实简单的讲了一下,现在深入讲解。

fluidRow()

fluidRow 函数将页面 按行分割 :

里面的 column() 函数对该行进行 按列分割,offset 设置偏移量 :

页面分割,整个页面基本由 12x12 组成:

在某个具体页面添加控件:

添加出图界面:

5面板(Panels)

面板可以将多个分散的元素整合成单个整体:

下面是大部分的面板函数:

wellPanel()

放在灰色背景内:

tabPanel()

由标题和面板元素组成。可以放在下面这些函数里:

tabsetPanel()

将标签组合成一个面板中。使用选项卡在选项卡之间导航:

构成:

navlistPanel()

左边导航样式:

6预包装布局

我们可以直接使用一些已经打包好的布局:

sidebarLayout()

这个布局即使默认的布局:

fixedPage()

navbarPage()

navbarMenu()

dashboardPage()

最后 githup 上面也有很多 shiny 相关的 R 包可以学习,反正相关资源还是很丰富的,最后祝大家学有所成!后面也会继续分析相关的 R 包和使用。

7自渡

自我救赎

欢迎加入生信交流群。加我微信我也拉你进 微信群聊 老俊俊生信交流群 哦。

群二维码：

老俊俊微信：

知识星球：

所以今天你学习了吗？

欢迎小伙伴留言评论！

今天的分享就到这里了，敬请期待下一篇！

最后欢迎大家分享转发，您的点赞是对我的鼓励和肯定！

如果觉得对您帮助很大，赏杯快乐水喝喝吧！

 往期回顾 

◀...